@import "../../common/stylus/mixin"
@import "../../common/stylus/base"
@import "../../common/stylus/core/filecenter"
.common-code-table,.model-private-detailed
  .table-code-content
    .filepath-header
      display flex
      justify-content space-between
      align-items center
      padding-left 10px
      margin-bottom 20px
      .filepath-header-left
        .file-icon
          width 16px
          height 16px
          display inline-block
        .breadcrumb
          display inline-block
          font-weight 600
          font-size 14px
          color #2D323B
          padding-left 10px
          .file-path
            cursor pointer
            &:hover
              color $color-lan
          .not-allowed-dir
            color #82848a
            cursor not-allowed
            &:hover
              color #82848a
      .filepath-header-right
        .filepath-header-right-item
          width 268px
          .el-button-group
            display block
        .el-button
          background #F8F9FA
          border 1px solid #D9D9D9
        .btn-upload
          border-right none
          border-radius unset
    .file-table
      .table-link
        cursor pointer
        font-size 14px
        color #2196F3
        display flex
        align-items center
        >span
          &:hover
            color: $color-lan
      .basePagenate
        border 1px solid #ebeef5
        border-top none
        margin-top 0
        padding-top 20px
      .file-icon
        model(16px,16px,0 11px 0 0)
        background-image url('../../common/image/icon/file.png')
        background-size 16px 16px
        display inline-block
        vertical-align middle
      .folder-icon
        model(16px,16px,0 11px 0 0)
        background-image url('../../common/image/icon/folder.png')
        background-size 16px 16px
        display inline-block
        vertical-align middle
      .file-pic
        model(16px,16px,0 11px 0 0)
        background-image url('../../common/image/icon/file-image.png')
        background-size 16px 16px
        display inline-block
        vertical-align middle
    .markdown-box
      border 1px solid #ebeef5
      margin-top 20px
      .header-markdown
        display flex
        justify-content space-between
        font-size 12px
        border-bottom 1px solid #ebeef5
        padding 10px 20px
        .header-left
          display flex
          align-items center
          height 20px
          line-height 20px
          >img
            width 16px
            height 16px
            margin-right 5px
        .header-right
          display flex
          align-items center
          height 20px
          line-height 20px
          cursor pointer
          >i
            margin-right 5px
          .icon-save
            display inline-block
            width 12px
            height 12px
            margin-right 3px
            background url('../../common/image/icon/save.png')
            background-size 12px 12px
          .icon-cancle
            display inline-block
            margin-left 10px
            width 12px
            height 12px
            margin-right 3px
            background url('../../common/image/icon/edit-cancle.png')
            background-size 12px 12px
      .markdown-content
        padding 20px
  .dialog-button
    float none
  .picPreview
    display flex
    justify-content center
    box-shadow none
    img
      width 90%
      height 90%
  .table-action
    color #4285f4
    cursor pointer
    margin-right 10px
  .editor-container
    margin-top 20px
    .editor-header
      height 40px
      line-height 40px
      background-color #f8f8f8
      border 1px solid #ddd
      border-radius 5px 5px 0 0
      font-size 14px
      border-bottom none
      font-weight 500
      padding 0 10px
      >span
        padding 0 10px
      .action
        // padding-right 10px
        color #4285f4
        cursor pointer
        font-size 12px
      .action-right
        display flex
        align-items center
      .icon-cancle
        display inline-block
        margin-left 10px
        width 12px
        height 12px
        margin-right 3px
        background url('../../common/image/icon/edit-cancle.png')
        background-size 12px 12px
      .icon-save
        display inline-block
        width 12px
        height 12px
        margin-right 3px
        background url('../../common/image/icon/save.png')
        background-size 12px 12px
      span
        font-size 12px
        color #8F9498
        letter-spacing 0
        >i
          padding-right 3px
        &.action-span-hover:hover
          color #5e6061
    .code-eidtor
      margin-bottom 10px
      line-height 24px
    .md-content
      padding 20px
      width 100%
      border 1px solid #ddd
  .upload-location
    display none
  .tui-editor-defaultUI
    width 100%
